﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Actuals.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="<%= ResolveUrl("~/Scripts/jquery.js") %>"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~/Scripts/jquery-ui.js") %>"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" />
    <script type="text/javascript">
        $(document).ready(function () {


            $("#InProgCont").droppable({
                accept: function () {   return true; },
                over: function(){ },
                drop: function (event, ui) {

                    alert('h');
                   
                   // ui.draggable.find("p").val('in prog');
                     var dropElem = ui.draggable.html();
                    $(this).append(dropElem);
                        
                  
                }
            });


            $("#Task1").draggable({
                start: function (event, ui) {
                    ui.helper.removeMe = true;
                },
                stop: function (event, ui) {
                    if (ui.helper.removeMe) {
                        ui.helper.remove();
                    }
                },
               
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    </div>
    <table border="1">
        <tr>
            <td width="30%">
                To do
            </td>
            <td width="30%">
                In Prog
            </td>
            <td width="30%">
                Closed
            </td>
        </tr>
        <tr>
            <td width="30%">
                <div id="ToDoCont">
                    <div id="Task1" class="todo" style="color: Red">
                        task 1 <p> to do </p></div>
                </div>
            </td>   
            <td width="30%">
                <div id="InProgCont" class="inprog" style="background-color:Lime">&nbsp;
                </div>
            </td>
            <td width="30%">
                <div id="ClosedCont">
                </div>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
